<template>
	<view class="userBoxall" @click="ToPage">
		<view class="userb">
			<image class="userImage" :src="imageUrl + userInfo?.head_img_url" mode="aspectFill"></image>
			<view class="userName">
				<view class="nameFont">{{userInfo?.nickname}}</view>
				<view class="adressVip">
					<image class="iconVip" src="../../../static/myself/分组 1 (3).png" mode=""></image>
					<view class="iconWord">已关注公众号</view>
				</view>
			</view>
		</view>
		<view class="writeBox">
			<image class="writeBoxIcon" src="@/static/eIcones/bianji.png" mode=""></image>
			<view class="writeWord">编辑资料</view>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	import { indexUrl,imageUrl } from '@/config/request/request';
	// 跳转个人界面
	const propos = defineProps({
		userInfo:{
			type:Object,
			default:()=>{}
		}
	})
	const ToPage = () => {
		uni.navigateTo({
			url: '/myselfSubpages/personalInfo/personalInfo'
		});
	};
</script>

<style scoped>
	.writeWord{
			font-size: 12px;
			color: #373948;
		}
		.nameFont{
			font-size: 18px;
			color: #373948;
			font-weight: 500;
		}
		.userName{
			margin-left: 5vw;
		}
		.iconWord{
			color: #F2A922;
			font-size: 12px;
		}
		.userBoxall{
			position: relative;
			z-index: 9;
			right: 0;
			width: 90vw;
			justify-content: space-between;
			margin: 0 auto;
			display: flex;
			align-items: center;
		}
		.userb{
			display: flex;
			align-items: center;
			
		}
		.adressVip{
			border-radius: 25px;
			width: 25vw;
			background-color: white;
			justify-content: center;
			margin-top: 0.5vh;
			display: flex;
			align-items: center;
		}
		.writeBox{
			align-items: center;
			display: flex;
		}
		.writeBoxIcon{
			margin-right: 0.5vh;
			width: 13px;
			height: 13px;
		}
	.userImage{
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}
	.iconVip{
		width: 12px;
		height: 12px;
	}
</style>